<div class="row">


<div class="col-md-12">
    <div class="box">
      <div class="box-header">
        <h3 class="box-title">系统统计</h3>
      </div>
      <!-- /.box-header -->
      <div class="box-body no-padding" id="container" style="height: 500px;">

      </div>

    </div>

  </div>




</div>
<div class="col-md-12">
  <div class="box">
    <div class="box-header">
      <h3 class="box-title">系统信息</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body no-padding">
      <table class="table table-striped">
        <tbody>

        <tr>
          <td>GAP版本</td>
          <td>{$info['ob_version']}</td>
        </tr>

        <tr>
          <td>操作系统</td>
          <td>{$info['os']}</td>
        </tr>
        <tr>
          <td>运行环境</td>
          <td>{$info['software']}</td>
        </tr>
        <tr>
          <td>MySql版本</td>
          <td>{$info['mysql_version']}</td>
        </tr>
        <tr>
          <td>PHP版本</td>
          <td>{$info['php_version']}</td>
        </tr>

        </tbody>
      </table>
    </div>

  </div>

</div>

<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>-->
<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>-->
<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>-->
<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>-->
<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script>-->
<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script>-->
<!--<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=xfhhaTThl11qYVrqLZii6w8qE5ggnhrY&__ec_v__=20190126"></script>-->
<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>-->

<script type="text/javascript" src="__STATIC__/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="__STATIC__/echarts/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="__STATIC__/echarts/dist/ecStat.min.js"></script>
<script type="text/javascript" src="__STATIC__/echarts/dist/extension/dataTool.min.js"></script>
<script type="text/javascript" src="__STATIC__/echarts/map/js/china.js"></script>
<script type="text/javascript" src="__STATIC__/echarts/map/js/world.js"></script>

<!--<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=Rx0Qw83M9CKz0coSbgU8GcfHPLwW059q"></script>-->
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=Rx0Qw83M9CKz0coSbgU8GcfHPLwW059q&__ec_v__=20190126"></script>
<script type="text/javascript" src="__STATIC__/echarts/dist/extension/bmap.min.js"></script>


<script type="text/javascript">
  var dom = document.getElementById("container");
  var myChart = echarts.init(dom);
  var app = {};
  option = null;
  option = {
    title: {
      text: ''
    },
    tooltip: {
      trigger: 'axis'
    },
    legend: {
      data:['会员','赌王','商家','会员委托赌王下注(进行中)','会员委托赌王下注(已完成)','充值','提现','法币OTC交易','游戏应用渠道统计（次数/金额）']
    },
    grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
    },
    toolbox: {
      feature: {
        saveAsImage: {}
      }
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data: ['今天','昨天','近3天','近7天','近15天','近30天','全部']
    },
    yAxis: {
      type: 'value'
    },
    series: [
      {
        name:'会员',
        type:'line',
        stack: '总量',
        data:["{$count_data['user_data'][0]}","{$count_data['user_data'][1]}","{$count_data['user_data'][2]}","{$count_data['user_data'][3]}","{$count_data['user_data'][4]}","{$count_data['user_data'][5]}","{$count_data['user_data'][6]}"]
      },
      {
        name:'赌王',
        type:'line',
        stack: '总量',
        data:["{$count_data['king_data'][0]}","{$count_data['king_data'][1]}","{$count_data['king_data'][2]}","{$count_data['king_data'][3]}","{$count_data['king_data'][4]}","{$count_data['king_data'][5]}","{$count_data['king_data'][6]}"]
      },
      {
        name:'商家',
        type:'line',
        stack: '总量',
        data:["{$count_data['shop_data'][0]}","{$count_data['shop_data'][1]}","{$count_data['shop_data'][2]}","{$count_data['shop_data'][3]}","{$count_data['shop_data'][4]}","{$count_data['shop_data'][5]}","{$count_data['shop_data'][6]}"]
      },
      {
        name:'会员委托赌王下注(进行中)',
        type:'line',
        stack: '总金额',
        data:["{$count_data['user_entrust_hand_data'][0]}","{$count_data['user_entrust_hand_data'][1]}","{$count_data['user_entrust_hand_data'][2]}","{$count_data['user_entrust_hand_data'][3]}","{$count_data['user_entrust_hand_data'][4]}","{$count_data['user_entrust_hand_data'][5]}","{$count_data['user_entrust_hand_data'][6]}"]
      },
      {
        name:'会员委托赌王下注(已完成)',
        type:'line',
        stack: '总金额',
        data:["{$count_data['user_entrust_end_data'][0]}","{$count_data['user_entrust_end_data'][1]}","{$count_data['user_entrust_end_data'][2]}","{$count_data['user_entrust_end_data'][3]}","{$count_data['user_entrust_end_data'][4]}","{$count_data['user_entrust_end_data'][5]}","{$count_data['user_entrust_end_data'][6]}"]
      },
      {
        name:'充值',
        type:'line',
        stack: '总金额',
        data:["{$count_data['recharge_data'][0]}","{$count_data['recharge_data'][1]}","{$count_data['recharge_data'][2]}","{$count_data['recharge_data'][3]}","{$count_data['recharge_data'][4]}","{$count_data['recharge_data'][5]}","{$count_data['recharge_data'][6]}"]
      }
      ,
      {
        name:'提现',
        type:'line',
        stack: '总金额',
        data:["{$count_data['withdrwal_data'][0]}","{$count_data['withdrwal_data'][1]}","{$count_data['withdrwal_data'][2]}","{$count_data['withdrwal_data'][3]}","{$count_data['withdrwal_data'][4]}","{$count_data['withdrwal_data'][5]}","{$count_data['withdrwal_data'][6]}"]
      },
      {
        name:'法币OTC交易',
        type:'line',
        stack: '总量',
        data:["{$count_data['otc_data'][0]}","{$count_data['otc_data'][1]}","{$count_data['otc_data'][2]}","{$count_data['otc_data'][3]}","{$count_data['otc_data'][4]}","{$count_data['otc_data'][5]}","{$count_data['otc_data'][6]}"]
      },
      {
        name:'游戏应用渠道统计（次数/金额）',
        type:'line',
        stack: '总量',
        data:["{$count_data['game_data'][0]}","{$count_data['game_data'][1]}","{$count_data['game_data'][2]}","{$count_data['game_data'][3]}","{$count_data['game_data'][4]}","{$count_data['game_data'][5]}","{$count_data['game_data'][6]}"]
      }
    ]
  };

  if (option && typeof option === "object") {
    myChart.setOption(option, true);
  }
</script>